<template>
  <div>
    <subhead></subhead>
    <div class="page-all">
      <div class="sign-container">
        <div class="sign-head clearfix">
          <div class="fl label orange">欢迎登录</div>
          <div class="fr tosign">
            <span>没有账号?</span>
            <router-link to="/register">马上注册</router-link>
            <!-- <a href="#"></a> -->
          </div>
        </div>
        <div class="sign-body">
          <div class="sbody-form">
            <el-form ref="form" :model="form" label-width="80px">
              <el-form-item label="账号">
                <el-input v-model="form.username"></el-input>
              </el-form-item>
              <el-form-item label="密码">
                <el-input v-model="form.password" type="password"></el-input>
              </el-form-item>
              <el-form-item>
                <el-checkbox label="两周内自动登录" name="type"></el-checkbox>
                <a href="#" class="forget">忘记密码?</a>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="onSubmit" class="submit">立即登录</el-button>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </div>
    </div>
    <mfooter></mfooter>
  </div>
</template>
<script>
import subhead from "@/components/subhead";
import mfooter from "@/components/mfooter";
export default {
  components: { subhead,mfooter},
  data() {
    return {
      form: {
        username: "",
        password: ""
      }
    };
  },
  methods:{
      onSubmit:function(){
          console.log('提交');
          
      }
  }
};
</script>
<style lang="css">
.sign-container {
  border: 1px solid #efefef;
  background: #fff;
  padding: 6px 25px 60px;
  margin-bottom: 150px;
}
.sign-head {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e5e5e5;
  padding: 22px 0;
}

.sign-head .tosign a {
  color: skyblue;
}
.sign-body {
  background: url("../../assets/images/app.jpg") right top no-repeat;
}
.sbody-form {
  padding: 45px 0 30px;
}
.sbody-form .el-form-item {
  width: 400px;
}
.sbody-form .forget {
  float: right;
  color: skyblue;
}
.sbody-form .submit {
  width: 100%;
  background-color: #f85e23;
  border: 0;
}
</style>